<template>
    <div id="owlphoto">

      <img src="../../assets/tenserflow.jpg"/>
      <img src="../../assets/keras.png"/>
      <img src="../../assets/angular.png"/>
      <img src="../../assets/node.png"/>
      <img src="../../assets/unity3d.jpg"/>
      <img src="../../assets/meteor.png"/>
      <img src="../../assets/Rx-java.png"/>
      <img src="../../assets/Docker.png"/>
      <img src="../../assets/go.png"/>
      <img src="../../assets/tenserflow.jpg"/>
      <img src="../../assets/keras.png"/>
      <img src="../../assets/angular.png"/>
      <img src="../../assets/node.png"/>
      <img src="../../assets/unity3d.jpg"/>
      <img src="../../assets/meteor.png"/>

      <img src="../../assets/Docker.png"/>
      <img src="../../assets/go.png"/>
      <img src="../../assets/tenserflow.jpg"/>
      <img src="../../assets/keras.png"/>
      <img src="../../assets/angular.png"/>
      <img src="../../assets/node.png"/>
      <img src="../../assets/unity3d.jpg"/>
      <img src="../../assets/meteor.png"/>
      <img src="../../assets/meteor.png"/>

<!--<owl-img-info></owl-img-info>-->
    </div>
</template>

<script>
    import OwlImgInfo from "../owlImgInfo/owlImgInfo";
    export default {
        name: "owlPhoto",
      components: {OwlImgInfo}
    }
</script>

<style scoped>

  #owlphoto{

    width: 100%;
    min-height: 100%;
    position: absolute;
    background-color: black;

  }


  img{

    width: 32%;
    opacity: 0.9;
    height: auto;
    height: 136px;
    display: inline-block;

  }

</style>
